<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Or-首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap_v3.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/shouye.css"/>
	</head>
	<body>
		<div class="web">
			<input type="checkbox"  id="topLeft" style="display: none;" />
			<div class="topLeft">
				<ul>
					<li><label for="topLeft"><img src="img/tanchu1.jpg"/></label></li>
					<li>
						<ul>
							<li><img src="img/tanchu2.png"/></li>
							<li><img src="img/tanchu3.png"/></li>
							<li><img src="img/tanchu4.png"/></li>
							<li><img src="img/tanchu5.png"/></li>
						</ul>
					</li>
					<li></li>
				</ul>
				<ul class="second">
					<li>About Or</li>
					<li>Product</li>
					<li>Space Inspiration</li>
					<li>User Experience</li>
				</ul>
				<ul class="third">
					<li></li>
					<li>&ensp;NEWS&ensp;</li>
					<li></li>
					<li>&ensp;EVENT&ensp;</li>
					<li></li>
					<li>&ensp;CONTACT&ensp;</li>
					<li></li>
				</ul>
			</div>
			<div class="top">
				<ul>
					<li><label for="topLeft"><a><img src="img/shouye1.jpg"/></a></label></li>
					<li><a><img src="img/shouye2.jpg"/></a></li>
					<li><a><img src="img/shouye3.jpg"/></a></li>
				</ul>
			</div>
			<div class="content">
				<!--轮播图-->
				PreviousNext
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
				  <ol class="carousel-indicators">
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
				  </ol>
				
				  <!-- Wrapper for slides -->
				  <div class="carousel-inner" role="listbox">
				    <div class="item active">
				      <img src="img/shouye4.jpg">
				      <div class="carousel-caption">
				      	<span>Dot. Chair</span>
				      	<p><a>SEE MORE</a></p>
				      </div>
				    </div>
				    <div class="item">
				      <img src="img/shouye4.jpg">
				      <div class="carousel-caption">
				      </div>
				    </div>
				    ...
				  </div>
				</div>
				<div class="one">
					<div><img src="img/shouye5.jpg"/></div>
					<div>
						<img src="img/shouye7.jpg"/>
						<div>
							<a>SEE MORE</a>
						</div>
					</div>
				</div>
				<div class="two">
					<img src="img/shouy17.jpg"/>
					<div class="baba1">
						<ul>
							<li><img src="img/shouye6.jpg"/></li>
							<li>Dot. Multi-functional</li>
							<li>Dot. Multi-functional Combine-unit</li>
						</ul>
						<ul>
							<li><img src="img/shouye8.jpg"/></li>
							<li>free collocation</li>
							<li>Dot. Table</li>
						</ul>
					</div>
					<div class="baba2">
						<ul>
							<li><img src="img/shouye9.jpg"/></li>
							<li>free collocation</li>
							<li>Dot. Table</li>
						</ul>
						<ul>
							<li><img src="img/shouye10.jpg"/></li>
							<li>free collocation</li>
							<li>Dot. Table</li>
						</ul>
					</div>
					<div class="baba3">
						<ul>
							<li>Product of the day</li>
							<li>Dot. Multi-functional Combine-unit</li>
							<li><img src="img/shouye13.jpg"/></li>
							<li><a>SEE MORE VIDEOS</a></li>
						</ul>
					</div>
					<div class="foot">
						<img src="img/shouye14.jpg"/>
						<p>Space Inspiration</p>
						<div>
							<ul>
								<li>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</li>
								<li><img src="img/shouye16.png"/></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</body>
	<script type="text/javascript" src="new_file.js">
	</script>
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
</html>
